<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>分类页面</title>
    <link rel="stylesheet" href="../css/classify.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common-part.css">
</head>
<body>
    <!-- 头部区域 -->
    <div class="header">
        <div class="header-frist">
            <img src="../image/logo.png" class="header-logo">
        </div>
        <!-- 版心 -->
        <div class="header-c">
            <ul class="header-items">
                <li class="item-list actived"><a  href="#" class="item-link">首页</a></li>
                <li class="item-list left"><a  href="#" class="item-link">女装</a></li>
                <li class="item-list  left"><a href="#"  class="item-link">男装</a></li>
                <li class="item-list left"><a  href="#" class="item-link">箱包</a></li>
                <li class="item-list left"><a  href="#" class="item-link">配饰</a></li>
            </ul>
            <input type="text" class="header-seacher" placeholder="搜索商品名/商品编号">
            <div class="header-right">
                <a href="#" class="right-link"><img src="../image/like.png" class="right-img"></a>
                <a href="#" class="right-link"><img src="../image/shopping.png" class="right-img"></a>
                <a href="#" class="right-link"><img src="../image/person.png" class="right-img"></a>
            </div>
        </div>
    </div>
    <!-- 商品的分类 -->
    <div class="classify-box">
        <div class="box-left-aside">
            <a href="#" class="classify-title">外套&针织衫</a>
            <ul class="classify-list">
                <li class="list-item">外套</li>
                <li class="list-item">休闲外套</li>
                <li class="list-item">轻型羽绒服</li>
                <li class="list-item">摇粒绒系列</li>
                <li class="list-item">针织衫</li>
                <li class="list-item">防嗮衫</li>
                <li class="list-item">法兰绒系列</li>
                <li class="list-item">羽绒服</li>
                <li class="list-item">牛仔服</li>
            </ul>
        </div>
        <div class="box-right-aside">
            <a href="#" class="classify-title">衬衫&T恤</a>
            <ul class="classify-list">
                <li class="list-item">衬衫</li>
                <li class="list-item">长袖T恤</li>
                <li class="list-item">牛仔T恤</li>
                <li class="list-item">新品系列</li>
                <li class="list-item">短袖T恤</li>
                <li class="list-item">打底衫</li>
                <li class="list-item">法兰绒衬衫</li>
                <li class="list-item">棉麻系列</li>
            </ul>
        </div>
        <div class="split-line"></div>
        <div class="clear"></div>
        <div class="box-left-aside">
            <a href="#" class="classify-title">裤装</a>
            <ul class="classify-list">
                <li class="list-item">阔腿裤</li>
                <li class="list-item">休闲裤</li>
                <li class="list-item">中裤/短裤</li>
                <li class="list-item">紧身裤</li>
                <li class="list-item">塑脚裤</li>
                <li class="list-item">保暖裤</li>
                <li class="list-item">九分裤·七分裤</li>
                <li class="list-item">牛仔裤</li>
            </ul>
        </div>
        <div class="box-right-aside">
            <a href="#" class="classify-title">内衣&起居服</a>
            <ul class="classify-list">
                <li class="list-item">居家服</li>
                <li class="list-item">塑身系列</li>
                <li class="list-item">带胸垫打底衫</li>
                <li class="list-item">无钢圈文胸</li>
                <li class="list-item">内衣</li>
                <li class="list-item">内裤</li>
                <li class="list-item">袜子</li>
                <li class="list-item">BALANCE系列</li>
            </ul>
        </div>
        <div class="split-line"></div>
        <div class="box-left-aside">
            <a href="#" class="classify-title">裙装</a>
            <ul class="classify-list">
                <li class="list-item">连衣裙</li>
                <li class="list-item">半身裙</li>
                <li class="list-item">长裙</li>
                <li class="list-item">短裙</li>
                <li class="list-item">A字裙</li>
                
            </ul>
        </div>
        <div class="box-right-aside">
            <a href="#" class="classify-title">孕妇装&亲子装</a>
            <ul class="classify-list">
                <li class="list-item">孕妇装</li>
                <li class="list-item">新生儿</li>
                <li class="list-item">亲子装</li>
            </ul>

        </div>
   <div class="clear"></div>
        </div>
        
    
</body>
</html>